<header id="header" class="jnr__header header--one clearfix bcat_header">

    <!-- Start Mainmenu Area -->
    <div class="sticky__header">
    <div class="mainmenu__wrapper bg__cat--1 poss-relative header_top_line">
        <div class="container">
            <div class="row d-none d-lg-flex">
                <div class="col-sm-4 col-md-6 col-lg-2 order-1 order-lg-1">
                    <div class="logo" id="md_logo">
                        <a href="javascript:void(0);" class="indexBox">
                            <img src="http://p8rkkx3w0.bkt.clouddn.com/bcat-box-logo-300.png" alt="logo images" id="web_logo">
                        </a>
                    </div>
                </div>
                <div class="col-lg-8 order-3 order-lg-2">
                    <div class="mainmenu__wrap">
                        <nav class="mainmenu__nav">
                            <ul class="mainmenu">
                                <li>
                                    <a href="index.html" id="index">首页</a>
                                </li>
                                <li class="dropdown head_recharge_dropdown dropdown-open-by-hover">
                                    <a href="javascript:void(0);" class="dropdown-toggle recharge" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >服务
                                        <b class="recharge_caret"></b>
                                    </a>
                                    <a href="javascript:void(0)" class="list_control"></a>
                                    <ul class="dropdown-menu recharge_list">

                                    </ul>
                                </li>
                                <!-- <li class="head_article">
                                    <a href="article-list.html" id="head_article">文章</a>
                                </li> -->
                                <li >
                                    <a href="javascript:void(0);" class="bcatbox">积分盒子</a>
                                </li>
                                <li >
                                    <a href="article-list.html?category_id=24">资讯</a>
                                </li>
                                <li >
                                    <a href="article-list.html?category_id=25">公告</a>
                                </li>
                                <li class="dengluzhuce">
                                    <div>
                                        <a href="javascript:void(0);" class="mobile-denglu d-lg-none bcat-hide text-center toLoginView" id="denglu">登录</a>
                                        <a href="javascript:void(0);" class="mobile-zhuce d-lg-none bcat-hide text-center toRegisterView" id="zhuce">注册</a>
                                    </div>
                                </li>
                                <li class="mobile_drop bcat-hide d-lg-none">
                                    <div href="javascript:;" class="head_img_drop">
                                        <img src="" class="user-image-list coin-icon">
                                        <b class="recharge_caret1"></b>

                                    </div>

                                </li>
                                <ul class="list-group head_img_list d-block mobile_img_list">
                                    <li id="user_center">
                                        <a href="user_setting.html" class="mobile-setting d-lg-none bcat-hide">个人中心</a>
                                    </li>
                                    <li id="my_package">
                                        <a href="wallet.html" class="mobile-setting d-lg-none bcat-hide">积分盒子</a>
                                    </li>
                                    <li id="my_order">
                                        <a href="shop-orderlist.html" class="mobile-setting d-lg-none bcat-hide">我的订单</a>
                                    </li>
                                    <li id="login_out">
                                        <a href="javascript:;" class="mobile-loginout d-lg-none bcat-hide">退出登录</a>
                                    </li>
                                </ul>

                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="col-lg-2 order-2 order-lg-3" id="head_right">

                    <div class="shopbox d-flex justify-content-end align-items-center candyrightmenu not-login bcat-hide">

                        <!-- <a class="minicart-trigger" href="#">
                            <i class="fa fa-shopping-basket"></i>
                        </a> -->
                        <a href="javascript:void(0);" class="toLoginView" id="login" href="#">
                            登录
                        </a>
                        <a href="javascript:void(0);" class="toRegisterView" id="register" href="#">
                            注册
                        </a>

                        <!--<span>03</span>-->

                    </div>

                    <div class="shopbox d-flex justify-content-end align-items-center candyrightmenu user-login bcat-hide">

                        <div class="dropdown dropdown-open-by-hover dropdown-right notifications mr-3 data-toggle" >
                            <a href="javascript:void(0);" class="" id="notificationDropdownMenu" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="f-18 text-white" >
                                    <i class="icon-bell"></i>
                                </span>
                                <span class="unread-badge d-none"></span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-right notifications-menu" aria-labelledby="notificationDropdownMenu" >
                                <div class="notifications-head text-center">
                                    系统通知
                                </div>

                                <div class="notification-items">
                                    <ul class="list-group">
                                        <div class="no-unread text-center">
                                            暂无未读通知
                                        </div>

                                    </ul>
                                </div>

                                <div class="check-unread">
                                    <a href="notifications-list.html">
                                        查看全部通知
                                    </a>
                                    <a class="pull-right readAll" href="javascript:void(0);">全部标记为已读</a>
                                </div>
                            </div>
                        </div>

                        <!-- <a class="minicart-trigger" href="#">
                            <i class="ti-shopping-cart"></i>
                        </a> -->
                        <div class="user-head">
                            <!--<a href="setting.html">
                                <img src="images/head.jpg" id="user-image" class="coin-icon">
                            </a>-->
                            <div class="dropdown dropdown-open-by-hover">
                                <div class=" dropdown-toggle head_user_dropdown" data-toggle="dropdown">
                                    <a href="javascript:void(0);">
                                        <img src="http://p8rkkx3w0.bkt.clouddn.com/morentouxiang-1.jpg" id="user-image" class="coin-icon">
                                    </a>
                                </div>
                                <!--<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                                  Dropdown button
                                </button>-->
                                <div class="dropdown-menu user_dropdown">
                                    <a class="dropdown-item" href="user_setting.html">个人中心</a>
                                    <a class="dropdown-item" href="wallet.html">积分盒子</a>
                                    <a class="dropdown-item" href="shop-orderlist.html">我的订单</a>
                                    <a class="dropdown-item login-out" href="#">退出</a>
                                </div>
                            </div>
                        </div>

                        <!--<span>03</span>-->
                    </div>
                </div>
            </div>
            <!-- Mobile Menu -->
            <div class="mobile-menu d-block d-lg-none">
                <div class="logo">
                    <a href="javascript:void(0);" class="indexBox">
                        <img src="http://p8rkkx3w0.bkt.clouddn.com/bcat-box-logo-300.png" alt="logo" id="mobile_logo">
                    </a>
                </div>
                <div class="dropdown dropdown-right notifications mr-3 mobile-notifications d-none" >
                    <a href="javascript:void(0);" class="bcat_defaul_backgroundcolor" id="notificationDropdownMobileMenu" role="button" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                        <span class="bcat_defaul_backgroundcolor f-18 text-white">
                            <i class="icon-bell"></i>
                        </span>
                        <span class="unread-badge d-none"></span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right notifications-menu" aria-labelledby="notificationDropdownMobileMenu" >
                        <div class="notifications-head text-center">
                            系统通知
                        </div>

                        <div class="notification-items">
                            <ul class="list-group">
                                <div class="no-unread text-center">
                                    暂无未读通知
                                </div>

                            </ul>
                        </div>

                        <div class="check-unread">
                            <a href="notifications-list.html">
                                查看全部通知
                            </a>
                            <a class="pull-right readAll" href="javascript:void(0);">全部标记为已读</a>
                        </div>
                    </div>
                </div>
                <!-- <a class="minicart-trigger" href="#">
                    <i class="fa fa-shopping-basket"></i>
                </a> -->
                <a class="accountbox-trigger minicart-trigger-tw mobile-sign" href="#">
                </a>
                <a class="login-trigger minicart-trigger-th mobile-login" href="#">
                </a>
            </div>

            <!-- Mobile Menu -->
        </div>
    </div>
    <!-- End Mainmenu Area -->
    @@include('./components/html/index/alert.html')
</div>
</header>